body{
    background-color:#F0F0F0 !important;
}
.container ul{
    padding:.8rem;
    padding-bottom: 8.2rem;
}
.container .right .headImg{
    float:right;
}
.container .right .content{
    float:right;
    text-align: right;
}
.container .right .content .description{
    background-color:white;
    text-align: left;
}
.container .right .content .operate{
    text-align: left;
}
.container ul li {
    padding-bottom: 2rem;
    overflow: hidden;
}
.container ul li:last-child{
    margin-bottom:0;
}
.container ul li .headImg {
    display: inline-block;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    background: white;
    overflow: hidden;
    vertical-align: top;
}
.container ul li .headImg img{
    width:100%;
}
.container ul li .content{
    display:inline-block;
    max-width:20rem;
    padding:0 .8rem;
    font-size:1rem;
}
.container ul li .content .title{
    font-size:1.2rem;
    margin-bottom:.5rem;
}
.container ul li .content .description {
    border-radius: 4px;
    padding: .8rem;
    background-color: #35BAFF;
    line-height: 1.5rem;
    color: white;
    box-sizing: border-box;
    word-break: break-all;
}
.container ul li .content .description  img{
    max-width:8rem;
    max-height:11rem;
}
.container ul li .content .audio{
    background:white;
    position:relative;
}
.container ul li .content  .operate {
    text-align: right;
}
.container ul li .content .operate a{
    display:block;
    color:#B7B7B7;
}
.container  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.container .footer ul{
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    line-height: 2rem;
}
.container .footer ul li {
    padding: .5rem 0;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border: none;
}
.container .footer ul li i{
    display:block;
    font-size:1.5rem;
}
.container .footer ul li:hover{
    color:#FA6F52 !important;
    border:none;
    border-color:#FA6F52 !important;
}
.container .footer ul li.ivu-menu-item-active{
    color:#FA6F52 !important;
    border-color:#FA6F52 !important;
}
.container .footer .text {
    padding: .8rem;
    background: white;
}
.container .footer .text input{
    border-radius: 2.5rem;
    height: 2.5em;
    padding:.8rem 1.2rem;
    background:#DDDDDD;
    appearance: none;
    -webkit-appearance: none;
    border:none;
    width:18rem;
}
.container .footer .text a{
    width:5rem;
    text-align: center;
    background-color:#35BAFF;
    border-radius:2.5rem;
    height: 2.5rem;
    line-height:2.5rem;
    display:inline-block;
    margin-left:.8rem;
    color:white;
}
.container .footer .voice {
    text-align: center;
    background: white;
    padding: 1rem 0;
}
.container .footer .voice .title {
    margin-bottom: 1rem;
    font-size: 1.2rem;
}
.container .footer .voice .title span{
    color:#FA6F52;
}
.container .footer .voice .title a{
    margin-left:.8rem;
    display:inline-block;
}
.container .footer .voice .btn {
    margin: 0 auto;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #FA6F52;
    padding: .4rem;
}
.container .footer .voice .btn.stop{
    font-size:5rem;
    color:#FA6F52;
    border-width: 2px;
}
.container .footer .voice .btn.send{
    padding:0;
    border:none;
    background:#35BAFF;
    font-size:1.5rem;
    color:white;
    line-height:8rem;
}
.container .footer .voice .btn a{
    display:block;
    background: #FA6F52;
    height:100%;
    border-radius:100%;
}


.audioTpl{
    font-size:1rem;
    line-height:1.5rem;
}
.audioTpl .time{
    display:inline-block;
    color:#333;
}
.audioTpl .progress{
    width:5rem;
}
.audioTpl a{
    display:inline-block;
    height:1.5rem;
    width:1.5rem;
    border-radius:50%;
    border:1px solid #35BAFF;
    color:#35BAFF;
    text-align: center;
    top:.1rem;
    position:relative;
    box-sizing:border-box;
}
.ivu-modal-confirm-footer .ivu-btn-primary{
    color:#35BAFF;
    border:none;
}